<template>
  <div class="initial bgImg">
    <span class="skipBox" @click="skipClick()">
      跳过 <template v-if="time>0">
        {{ time }}
      </template>
    </span>
  </div>
</template>

<script setup>
  import {
    getCurrentInstance,

  } from "vue";
  let {
    proxy
  } = getCurrentInstance();
  let time = 3;
  let skipClick = () => {
    proxy.$core.router("circle_index", {});
  }
</script>
<style lang="less">
  .initial {
    //Positioning
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    .skipBox {
      //Positioning
      position: absolute;
      bottom: 40px;
      right: 30px;

      //Box-model
      width: 70px;
      padding: 2px;
      border-radius: 4px;

      //Typographic
      text-align: center;
      letter-spacing: 1px;


      //Visual
      color: #f9f9f9;
      background-color: rgba(0, 0, 0, .7);

      //misc
    }
  }
</style>